<!--活动筛选-->
<template>
  <view class="container">
    <view class="search">
      <img
        class="search-img"
        src="http://ltcx-img.oss-cn-beijing.aliyuncs.com/miniprogram/common/graySearch.png"
      />
      <input
        value=""
        placeholder="搜索拼车活动"
        class="search-input"
        placeholder-class="search-input-placeHolder"
      />
    </view>
    <view class="content">
      <view class="left">
        <view class="top text-center">筛选种类</view>
        <view class="left-list">
          <block v-for="(item, index) in dataSource" :key="index">
            <view
              :class="
                parentObj.id == item.id ? 'left-list-active' : 'left-list-item'
              "
              @tap="handleLeftItem"
              :data-item="item"
              :data-index="index"
              >{{ item.gtitle }}</view
            >
          </block>
        </view>
      </view>

      <view class="right">
        <view class="top">关键词</view>
        <view class="right-list">
          <block v-for="(item, index) in parentObj.children" :key="index">
            <view
              :class="[
                'right-list-item',
                item.isChecked
                  ? 'right-list-item-active'
                  : 'right-list-item-inactive',
              ]"
            >
              <view
                class="item-text"
                @tap="handleRightItem"
                :data-item="item"
                :data-index="index"
              >
                {{ item.title }}
              </view>
              <img
                class="radio-img"
                :src="item.isChecked ? radioActive : radioInactive"
                @tap="handleRightItem"
                :data-item="item"
                :data-index="index"
              />
            </view>
          </block>
        </view>
      </view>
    </view>
    <custom-commonFooter @handleTap="handleTap" />
  </view>
</template>

<script src="./indexMod.js">
</script>
<style src="./indexStyle.scss">
</style>